<template>
  <div id="app">
      <virtual-list :size="40" :remain="8" :items="items" :variable='false'>
          <Item slot-scope="{item}" :item="item"></Item>
      </virtual-list>
  </div>
</template>

<script>
import Item from './components/item';
import VirtualList from './components/virtual-list';
import Mock from 'mockjs';
let items = [];
for(let i=0;i<10000;i++){
    // items.push({id:i,value:Mock.Random.sentence(5,50)})
    items.push({id:i,value:Mock.Random.sentence(1,2)})
}
export default {
  name: 'App',
  components:{
      VirtualList,
      Item
  },
  data(){
      return {
          items
      }
  }
}
</script>

<style lang="less">
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
</style>
